<template>
	<div class="addre">
		<router-link to="/address_add">
			<div class="address">
				<span class="site">
					<img src="./images/addresLogo.png">
				</span>
				<span class="add-addre">添加收货地址</span>
				<span class="arrow">
					<img src="./images/arrow.png">
				</span>
			</div>
		</router-link>
		<div class="foot-bg"></div>
	</div>
</template>
<script>
	export default{

	}
</script>
<style>
.addre{
	width: 100%;
	background-color: #F8F8F8;
	height: 568px;
	padding-top: 0.1px;
}
.address{
	width: 94%;
	height: 50px;
	 background: #FFF;
	 margin:15px auto;
}
.site{
	width:15px ;
	height:18px ;
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
}
.site>img{
	width: 100%;
	height: 100%;
}
.add-addre{
	font-size: 1.3rem;
	color: #444;
	display: inline-block;
	line-height:50px;
	margin-left: 8px;
	vertical-align: middle;
}
.arrow{
	width: 10px;
	height: 17px;
	float: right;
	line-height: 50px;
	margin-right: 10px;
}
.arrow>img{
	width: 10px;
	height: 17px;
}
.foot-bg{
	width: 100%;
	height:45px ;
	background-color: #F8F8F8;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 130;
}
</style>
